import React from 'react'

export default function Count(props) {
  console.log(props)
  return (
    <div>
      <p>{props.c}</p>
      <button
        onClick={() => {
          props.inc(1)
        }}
      >
        +1
      </button>
      <button
        onClick={() => {
          props.inc(3)
        }}
      >
        +3
      </button>
      <button
        onClick={() => {
          props.inc(5)
        }}
      >
        +5
      </button>
      <button
        onClick={() => {
          props.dec(6)
        }}
      >
        -6
      </button>
      <button
        onClick={() => {
          props.ride(0)
        }}
      >
        *0
      </button>
    </div>
  )
}
